<template>
  <div id="main" class="main">
		<Navbar></Navbar>
		<div class="main-container" id="main-container">
			<!-- 导航栏 -->
			<Sidebar></Sidebar>
			<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs" >
						<ul class="breadcrumb"  style="float:left;line-height:45px">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>
						</ul>
				</div>
            <router-view/>
			</div>
			<!-- 页脚 -->
			<Footer></Footer>
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div>
  </div>
</template>
<script>
import Footer from '../components/Footer'
import Navbar from '../components/Navbar'
import Sidebar from '../components/Sidebar'
export default {
  name: 'Main',
  components:{
	  'Footer':Footer,
	  'Navbar':Navbar,
	  'Sidebar': Sidebar
  },
  data () {
    return {
      msg: '欢迎登录SSO系统',
      userId:this.$route.params.userId
    }
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
@import url(../assets/css/bootstrap.min.css);
@import url(../assets/css/font-awesome.min.css);
@import url(../assets/css/ace-rtl.min.css);
@import url(../assets/css/ace-skins.min.css);
@import url(../assets/css/datepicker.css);
@import url(../assets/css/ace.min.css);
@import url(../assets/css/ui.jqgrid.css);
@import url(../assets/css/jquery-ui-1.10.3.full.min.css);
</style>
